.bolock-line-l {
  position: relative;
}
.bolock-line-l::after {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  height: 100%;
  width: 1px;
  background: #12ABDA;
}
.bolock-line-r {
  position: relative;
}
.bolock-line-r::after {
  position: absolute;
  top: 0;
  right: 0;
  content: ' ';
  height: 100%;
  width: 1px;
  background: #12ABDA;
}
.main-color {
  color: #1AC9FF;
}
.data-color {
  color: #fff;
}
.center {
  text-align: center;
}
.block-box {
  box-shadow: inset 0px 0px 15px #00689c;
}
.column {
  flex-direction: column;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.block-top {
  padding: 10px;
}
.pr {
  position: relative;
}
.middle-line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 1px;
  background: #00B4FF;
}
.ellipsis {
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.red {
  background: red;
}
.max100 {
  max-width: 100px;
}
.pl10 {
  padding-left: 10px;
}
